.section3 {
       overflow: hidden;
       position: relative;
   }

   .box3 {
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/227/20240612150618_3ifTNSxs.png) no-repeat bottom;
       background-size: contain;
       max-width: 1440px;
       margin: 0 auto;
       margin-top: 20px;
   }

   .box3Nav {
       width: 100%;
       border-bottom: 1px solid rgba(0, 7, 71, 0.05);
       display: flex;
       justify-content: center;
       grid-gap: 180px;
   }

   .box3Nav h1 {
       width: 130px;
       border-bottom: 3px solid #fff0;
       font-size: 18px;
       line-height: 2;
       text-align: center;
       color: rgba(0, 7, 71, 0.5);
       transition: 0.5s;
       cursor: pointer;
   }

   .box3Nav h1.cur {
       color: var(--color1);
       border-bottom: 3px solid var(--color1);
   }

   .itemBox3 {
       height: auto;
   }

   .item3 {
       width: 100%;
       height: 100%;
       position: relative;
       display: none;
   }

   .item3.cur {
       display: flex;
   }

   .item3_1 {
       width: 100%;
       height: 550px;
       position: relative;
       align-items: center;
       justify-content: center;
   }

   .item3_1 .icon3 {
       position: absolute;
       display: flex;
       justify-content: center;
       transform: scale(0);
       transition: 0s;
       transition-delay: 0s;
   }

   .item3_1.aur .icon3 {
       transform: scale(1);
       transition: 0.5s;
   }

   .item3_1 .icon3 h1 {
       font-size: 16px;
       line-height: 1;
       text-align: center;
       color: #000000;
       position: absolute;
       bottom: -30px;
   }

   .item3_2 {
       background: #fff;
       padding-top: 60px;
       justify-content: space-between;
   }

   .nav3 {
       position: relative;
   }

   .nav3 h1 {
       width: 240px;
       height: 60px;
       background: var(--color1);
       border-radius: 50px;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 20px;
       line-height: 1;
       color: #FFFFFF;
       position: relative;
       z-index: 2;
       overflow: hidden;
   }

   .nav3 h1::after {
       content: "";
       display: block;
       width: 100%;
       height: 100%;
       background: var(--jb);
       position: absolute;
       z-index: -1;
       left: 0;
       top: 0;
       opacity: 0;
       transition: 0.5s;
   }

   .nav3 h1:hover::after {
       opacity: 1;
   }

   .nav3 .desc {
       margin-top: 10px;
   }

   .nav3 span {
       display: block;
       margin: 25px 0;
       font-size: 16px;
       line-height: 1;
       text-align: center;
       color: #000000;
   }

   @media (max-width: 1540px) {
       .nav3 h1 {
           width: 210px;
           height: 60px;
       }
   }

   @media (max-width: 1200px) {
       .itemBox3 {
           height: auto;
       }

       .item3 {
           height: 40vw;
       }

       .item3_1 .icon3:nth-child(1) {
           left: auto !important;
           top: auto !important;
       }

       .item3_1 .icon3:nth-child(2) {
           left: 22% !important;
           top: 59% !important;
       }

       .item3_1 .icon3:nth-child(3) {
           left: 26% !important;
           top: 19% !important;
       }

       .item3_1 .icon3:nth-child(4) {
           left: 65% !important;
           top: 16% !important;
       }

       .item3_1 .icon3:nth-child(5) {
           left: 67% !important;
           top: 70% !important;
       }

       .item3_1 .icon3:nth-child(6) {
           left: 6% !important;
           top: 68% !important;
       }

       .item3_1 .icon3:nth-child(7) {
           left: 85% !important;
           top: 50% !important;
       }

       .item3_1 .icon3 img {
           width: 8vw;
       }

       .item3_1 .icon3 h1 {
           width: 120px;
       }

       .box3Nav {
           grid-gap: 90px;
       }

       .item3_2.item3.cur {
           display: flex;
           justify-content: space-evenly;
       }

       .nav3 h1 {
           width: 130px;
           height: 45px;
           font-size: 18px;
       }
   }


   @media (max-width: 720px) {
       .box3Nav {
           grid-gap: 40px;
       }

       .item3_1 .icon3 h1 {
           font-size: 14px;
       }

       .item3_2 {
           padding-top: 30px;
       }

       .item3_2.item3.cur {
           height: auto;
           display: flex;
           flex-wrap: wrap;
       }

       .nav3 h1 {
           width: 170px;
       }
   }

   @media (max-width: 600px) {
       .nav3 h1 {
           width: 120px;
           font-size: 16px;
       }
   }

   @media (max-width: 460px) {
       .box3Nav {
           display: flex;
           justify-content: space-between;
           grid-gap: 0px;
       }

       .box3Nav h1 {
           width: auto;
           font-size: 16px;
           padding: 0 4px;
       }

       .item3_1 .icon3 img {
           width: 10vw;
       }

       .item3_1 .icon3 h1 {
           width: 56px;
           text-align: center;
       }

       .item3 {
           height: 80vw;
       }

       .item3_2.item3.cur {
           height: auto;
           display: flex;
           justify-content: space-evenly;
           flex-direction: column;
       }

       .nav3 {
           margin-bottom: 30px;
       }

       .nav3 .desc {
           display: flex;
           flex-wrap: wrap;
           grid-gap: 10px 30px;
       }

       .nav3 span {
           margin: 0;
       }

       .nav3 h1 {
           width: 130px;
           height: 40px;
           font-size: 16px;
       }
   }